<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>python 数据分析项目</title>
    <style>
      body{text-align:center}
      form{
        float:left;
      }
        select
    {
       width                    : 160pt;
       height                   : 20pt;
       line-height              : 40pt;
       padding-right            : 20pt;
       text-indent              : 4pt;
       text-align               : left;
       vertical-align           : middle;
       border                   : 1px solid #94c1e7;
       -moz-border-radius       : 6px;
       -webkit-border-radius    : 6px;
       border-radius            : 6px;
       font-family              : SimHei;
       font-size                : 18pt;
       font-weight              : 500;
       color                    : RGBA(102,102,102,0.7);
       cursor                   : pointer;
       outline                  : none;
    }

    </style>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/ie10-viewport-bug-workaround.css" rel="stylesheet">
      <link href="/static/starter-template.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  </head>

 <body >
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
            <h2><a class="navbar-brand" href="http://127.0.0.1:5000/neirong">点击返回</a></h2>

        </div>
      </div>
    </nav>
    <div class="jumbotron masthead">
  < class="container" style="width:100%;text-align:center">
      <br />
      <br />
    <h2>筛选的各项指标排名top20的高校情况</h2>
      <br />
        <h4>将各项指标进行排名，我们可以看出在"学术声誉"这项指标下，五个欧美国家得分均为满分，享有很高的学术声誉。排名在5-10位的大学得分相近，
            在top20的其它上榜的学校中，可以看到指标分数均超过了80分。
            在”雇主声誉“指标中，有6个国家获得满分，也都是欧美国家的大学，亚洲上榜的学校数量较少，只有3个。
            在”师生比“指标中，top20以内的大学得分相差较大，和世界人口分布相关，亚洲人口较多，师生比差距较大。
            在”教员引用比“指标中，各个学校的得分差距也较大，分数在100-48之间，波动较大。猜测也是世界人口分布原因导致。
            在”国际教师“指标中，获得满分的学校较多。符合国际化趋势。
            在”国际学生“指标中，三个亚洲国家上榜，其中中国”清华大学“上榜。
            在各项指标中，麻省理工学院的排名大多排在首位，除了”国际学生“这项指标中排名相对较后。
            我们从这些指标中可以看出，每个学校每个地区的教育方式不同，注重的指标也有所差异。</h4>
        <br />

<div style="width:100%;text-align:center" >
<form method="POST" action="/top20_target" >
    <table bgcolor="#dcdcdc" >
<select name="target_list" size="">
        {% for item in target_lists %}
            <option value="{{ item }}">{{ item }}</option>
        {% endfor %}
    </select>
<h4><input value='点击查看结果' type='SUBMIT'></h4>
    </table>
</form>
</div>
  </div>
</div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

 {{ the_res|safe }}
    {{ data|safe }}
    {{ data1|safe }}
 </body>
</html>